<template>
  <view class="flex-center" :style="{  height: `${height}rpx`,  width: '100%' }" >
     <image
      src="@/assets/images/empty.png"
      mode="scaleToFill"
      class="bgimg"
      :style="{  height: `${height}rpx`}"
     />
  </view>
</template>
<script lang="ts">
export default {
  name: 'Emptyimg',
};
</script>
<script setup lang="ts">
const props = defineProps({
  backgroundColor: {
    type: String,
    default: '#f6f6f6',
  },
  height: {
    type: String || Number,
    default: 458,
  },
});
</script>
<style lang="less">
.bgimg{
  display: flex;
  width:372rpx;
  min-height: 100%;
  margin-top: 100rpx;
  flex: 1;
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center ;
  flex-direction: column;
}
</style>
